body{
	background:url(../img/s.jpg);
}
.main {
	width: 29%;
	margin: 3em auto;
	padding: 0em 4em 4em;
}
.main h1{
	font:inherit;
	vertical-align:baseline;
	padding:0;
	border:0;
	color: #FFFFFF;
    text-align: center;
    font-size: 2.5em;
	margin: 0 1em 0.5em 0;
}

.main input{
	outline: none;
    border: 0.5px solid #dddddd;
    background: #e8f0fe;
    border-radius: 5px;
    padding: 8px 10px;
    width: 95%;
    font-size: 1.2em;
    color: #000000;
    text-align: center;
	margin:0.5em 0;
    font-family: 'Syncopate', sans-serif;
}

.main button{
	margin: 1em auto 2em 1em;
	/*margin-left: 20px;*/
	border-radius: 25px;
	border:1px solid #dddddd;
	padding:15px 10px;
	width:40%;
	font-size:1.5em;
}

.main button[id='bt1']{
	color: #f2dede;
	background-color: #0a7bbf;
}
.main button[id='bt2']{
	color: #101010;
	margin-top:1em;
}
.main button[id='bt1']:hover{
	background:#136b9f;
	color:#66afe9;
	border: 1px solid #FFF;
}
.main button[id='bt2']:hover{
	background:#d5d5d5;
	color:#6a9bff;
	border: 1px solid #FFF;
}
